import React from 'react';
import { Row, Col } from 'antd';
import img from './bg@2x.png'
import style from './index.module.css'
import doyourbit from './doyourbit@2x.png'
import title from './title@2x.png'
import organization from './organization@2x.png'
export default () => {
  const back = {
    backgroundImage: `url(${img})`
  }
  return <div className={style.a2} style={back}  >
    <div className={`${style.banner} text-center`} >
      <Row className={style.img3} >
        <Col span={24}>
          <img src={doyourbit} alt="" />
        </Col>
      </Row>
      <Row>
        <Col span={24}>
          <img src={title} alt="" />
        </Col>
      </Row>
      <Row className={style.img4}>
        <Col span={24}>
          <img src={organization} alt="" />
        </Col>
      </Row>
      <Row>
        <Col span={24}>
          <div className={style.info}>
            <a className="text-white" href="https://cdn.hterobot.com/microbit/index.html">
              点击了解详情
            </a>
          </div>
        </Col>
      </Row>
    </div>
  </div>
}